<style>
	#weui_tabbar_menu{position:fixed; bottom:0;left:0; width:100%;z-index:100;}
</style>
 
	    
	    <div class="weui_tabbar" id="weui_tabbar_menu">
	        <a id="eventTab" href="javascript:tabClick('eventTab')" url="<@context/>es/eseventrest/events/fwd.do"  class="weui_tabbar_item <#if tabbarSelect="event">weui_bar_item_on weui_tab_bd_item_active</#if>">
	            <div class="weui_tabbar_icon">
	                <img src="<@context/>common/weui/example/images/icon_nav_button.png" alt="">
	            </div>
	            <p class="weui_tabbar_label">热门赛事</p>
	        </a>
	  
	        <a id="teamTab" href="javascript:tabClick('teamTab')" url="<@context/><#if Session["myTeam"]?exists==false>es/esteamrest/teams.do<#else>es/esteamrest/myteam/fwd.do</#if>"   class="weui_tabbar_item <#if tabbarSelect="team">weui_bar_item_on weui_tab_bd_item_active</#if>">
	            <div class="weui_tabbar_icon">
	                <img src="<@context/>common/weui/example/images/icon_nav_article.png" alt="">
	            </div>
	            <p class="weui_tabbar_label">战队世界</p>
	        </a>
	        <a id="userTab" href="javascript:tabClick('userTab')" url="<@context/><#if Session["userId"]?exists==false>es/esuserrest/login/fwd.do<#else>es/esuserrest/info/fwd.do</#if>"  class="weui_tabbar_item <#if tabbarSelect="user">weui_bar_item_on weui_tab_bd_item_active</#if>">
	            <div class="weui_tabbar_icon">
	                <img src="<@context/>common/weui/example/images/icon_nav_cell.png" alt="">
	            </div>
	            <p class="weui_tabbar_label">个人中心</p>
	        </a>
	    </div>
	    
	 
	 
	 <script>
	
	    $(function() {
	        var i=0;
	        $(".weui_tabbar a").bind("click", function(){
	
	            //css操作
	            //操作导航栏
	            $(".weui_tab_bd_item_active").removeClass('weui_bar_item_on');
	            $(this).addClass("weui_bar_item_on");
	
	            //操作内容切换
	            //$(".weui_tab_bd .weui_tab_bd_item_active").removeClass('weui_tab_bd_item_active').hide();
	            //var data_toggle =jQuery(this).attr("href");
	            //$(data_toggle).addClass("weui_tab_bd_item_active").show();
	
	        });
	    });
	    
	    function tabClick(tabId){
	    	 var url=$("#"+tabId).attr("url");
	    	 //alert(url)
	    	 window.location=url;
	    	 <#--
	    	//alert(url)
		     $.ajax({
				type: "GET",
				url: url,
				data: {},
				dataType:"html",//返回类型
				cache: false,
				success: function(html){
					 //alert($("#weuiMainFrame").html() );
					 $("#weuiMainFrame").html(html);
				}
			 });
			 -->
	    }
	    
 
	
	</script>




 